/** Add css rules here for your application. */
	/** Example rules used by the template application (remove for your app) */
	/* ================================= */
	/* ! structure primaire de la page   */
	/* ================================= */
#page {
	min-width: 1000px;
	width: 100%;
	min-height: 550px; /* hauteur du site - cf css ie6 */
	margin: 0 auto; /* centrage de la page */
	position: relative; /* pour positionner le footer */
}

#header {
/*	background: url(img/header_bg.jpg) repeat-x;*/
	height: 172px;
	margin: 5px 5px 0 20px;
/*	padding: 35px 0 0 35px;*/
}

#header_content {
	background: url(img/logo.png) no-repeat;
	height: 115px;
}

/** Used for titles on YouGO screens. */
.title {
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	padding: 50px 0 100px 370px;
/*	color: #FFFFFF;*/
/*	font-family: Comic Sans MS;*/
}

.subTitle {
	font-weight: bold;
	font-size: 14px;
/* 	text-align: right; */
	padding: 0 10px 20px 0;
}

/** Style for the popup. */
.dialogBox {
	min-height: 205px;
	font-weight: bold;
}

.dialogBox h1 {
	font-size: 18px;
	margin-left: 195px;
	padding-top: 75px;
}

.dialogBox h2 {
	font-size: 14px;
	margin-left: 128px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.dialogBox .warning {
	background: url(img/warning.png) no-repeat;
}

.dialogBox .error {
	background: url(img/error.png) no-repeat;
}

.dialogBox .confirm {
	background: url(img/confirm.png) no-repeat;
}

.dialogBox .password {
	background: url(img/password.png) no-repeat;
}

.dialogBox .add {
	background: url(img/add.png) no-repeat;
}

/** Login. */
.loginArea {
	background: url(img/login_area.jpg) no-repeat;
	width: 500px;
	margin: 0 auto;
/*	height: 500px;*/
}
.loginContent {
	height: 489px;
	padding: 20px;
}
/** A trier. */
.h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	max-width: 700px;
}

.gwt-Anchor {
	cursor: pointer;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.panel {
/*	margin: 20px auto;*/
	text-align: right;
/*	width: 500px;*/
}

/* begin grid with header */
.tableList {
	margin: auto;
	border-collapse: collapse;
}

.tableList tbody {
	width: 100%;
	text-align: center;
}

.tableList th {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #DDDDDD;
	text-align: center;
}

.tableList td {
	border: 1px solid #DDDDDD;
	text-align: center;
}
/* end grid with header */